<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport"
			content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="renderer" content="webkit" />
		<meta name="full-screen" content="yes" />
		<meta name="x5-fullscreen" content="true" />
		<meta name="apple-mobile-web-app-status-bar-style" content="default" />
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" href="./css/iconfont/iconfont.css">
		<script src="./js/lib/lib-flexible.js" type="text/javascript"></script>
		<script src="./layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<title>首页</title>
	</head>
	<body>
		<div class="container">
			<!-- 顶部导航 -->

			<div class="header">
				<div class="header-nav">
					<div class="left">
						<img src="./img/logo.png" alt="">
					</div>
					<div class="right" id="nav-btn">
						<i class="iconfont icon-menu"></i>
					</div>
					<div class="menus" id="menus">
						<ul class="layui-nav layui-nav-tree" lay-filter="test">
						  <li class="layui-nav-item">
						    <a href="javascript:;">解决方案</a>
						    <dl class="layui-nav-child">
						      <dd><a href="#">移动模块</a></dd>
						      <dd><a href="#">后台模版</a></dd>
						      <dd><a href="#">电商平台</a></dd>
						    </dl>
						  </li>
						  <li class="layui-nav-item"><a href="#">产品</a></li>
						  <li class="layui-nav-item"><a href="#">大数据</a></li>
						</ul>
					</div>
					
				</div>
			</div>
			
			<!-- 底部导航 -->
			<div class="footer">
				<div class="footer-nav">
					<a href="#" class="foot-nav-item active-item">
						<div class="icon">
							<!-- <img src="./img/foot-1.png" alt=""> -->
							<i class="iconfont icon-home"></i>
						</div>
						<p>主页</p>
					</a>
					<a href="#" class="foot-nav-item">
						<div class="icon">
							<!-- <img src="./img/foot-2.png" alt=""> -->
							<i class="iconfont icon-all"></i>
						</div>
						<p>商家联盟</p>
					</a>
					<a href="#" class="foot-nav-item">
						<div class="icon">
							<!-- <img src="./img/foot-3.png" alt=""> -->
							<i class="iconfont icon-cart-full"></i>
						</div>
						<p>购物车</p>
					</a>
					<a href="#" class="foot-nav-item">
						<div class="icon">
							<!-- <img src="./img/foot-4.png" alt=""> -->
								<i class="iconfont icon-remind"></i>
						</div>
						<p>个人中心</p>
					</a>
				</div>
			</div>


			<!-- banner -->

			<div class="layui-carousel" id="banner">
				<div carousel-item>
					<div class="banner-item">
						<img src="./img/banner-1.png" alt="">
					</div>
					<div class="banner-item">
						<img src="./img/banner-2.jpg" alt="">
					</div>
				</div>
			</div>

			<!-- nav-item -->
			<div class="nav">
				<a href="./newslist-2.html" class="nav-item">
					<img src="./img/nav1.png" alt="">
					<p>旅游</p>
				</a>
				<a href="javascript:;" id="dropdown" class="nav-item">
					<img src="./img/nav2.png" alt="">
					<p>
						避暑房
					</p>
				</a>
				<a href="#" class="nav-item">
					<img src="./img/nav3.png" alt="">
					<p>土特产</p>
				</a>
				<a href="#" class="nav-item">
					<img src="./img/nav4.png" alt="">
					<p>民宿</p>
				</a>
				<a href="#" class="nav-item">
					<img src="./img/nav5.png" alt="">
					<p>分红</p>
				</a>

			</div>
			<!-- 通知 -->
			<div class="notice">
				<img class="notice-icon" src="./img/notic.png" alt="">
				<div class="notice-content">
					<div class="textOverflow">
						丰都旅游避暑会员火efdsfsfsdfsdfsdfsdf爆招募中...
					</div>
					<div class="textOverflow">
						丰都旅游避暑会员火efdsfsfsdfsdfsdfsdf爆招募中...
					</div>
				</div>
			</div>
			<!-- banner -->
			<div class="banner">
				<a href="#">
					<img src="./img/banner-2.jpg" alt="">
				</a>
			</div>
			<!-- 热门楼盘 -->
			<div class="section">
				<div class="title-wrap">
					<p class="title">丰都避暑楼盘</p>
					<p class="sub-title">
						SUMMER RESORT
					</p>
				</div>
				<div class="layui-tab layui-tab-brief" lay-filter="part1">
					<ul class="layui-tab-title">
						<li class="layui-this">热门楼盘</li>
						<li>特价楼盘</li>
						<li>最新开盘</li>
					</ul>
					<a href="#" class="more">更多</a>
					<div class="layui-tab-content ">
						<div class="layui-tab-item  layui-show">
							<div class="content-item">
								<a href="#" class="part-content">
									<img src="./img/p-1.jpg" alt="热门楼盘">
									<p class="name">大城小爱</p>
									<p class="tips">丰都新房,现有新楼盘9个,房天下丰都新房网为...</p>
								</a>
								<a href="#" class="part-content">
									<img src="./img/p-2.jpg" alt="热门楼盘">
									<p class="name">大城小爱</p>
									<p class="tips">丰都新房,现有新楼盘9个,房天下丰都新房网为...</p>
								</a>
								<a href="#" class="part-content">
									<img src="./img/p-1.jpg" alt="热门楼盘">
									<p class="name">大城小爱</p>
									<p class="tips">丰都新房,现有新楼盘9个,房天下丰都新房网为...</p>
								</a>
								<a href="#" class="part-content">
									<img src="./img/p-2.jpg" alt="热门楼盘">
									<p class="name">大城小爱</p>
									<p class="tips">丰都新房,现有新楼盘9个,房天下丰都新房网为...</p>
								</a>
							</div>
						</div>
						<div class="layui-tab-item">
							<div class="content-item">
								<a href="#" class="part-content">
									<img src="./img/p-2.jpg" alt="特价楼盘">
									<p class="name">大城小爱</p>
									<p class="tips">丰都新房,现有新楼盘9个,房天下丰都新房网为...</p>
								</a>
								<a href="#" class="part-content">
									<img src="./img/p-1.jpg" alt="特价楼盘">
									<p class="name">大城小爱</p>
									<p class="tips">丰都新房,现有新楼盘9个,房天下丰都新房网为...</p>
								</a>
								<a href="#" class="part-content">
									<img src="./img/p-2.jpg" alt="特价楼盘">
									<p class="name">大城小爱</p>
									<p class="tips">丰都新房,现有新楼盘9个,房天下丰都新房网为...</p>
								</a>
								<a href="#" class="part-content">
									<img src="./img/p-1.jpg" alt="特价楼盘">
									<p class="name">大城小爱</p>
									<p class="tips">丰都新房,现有新楼盘9个,房天下丰都新房网为...</p>
								</a>

							</div>
						</div>
						<div class="layui-tab-item ">
							<div class="content-item">
								<a href="#" class="part-content">
									<img src="./img/p-1.jpg" alt="最新开盘">
									<p class="name">大城小爱</p>
									<p class="tips">丰都新房,现有新楼盘9个,房天下丰都新房网为...</p>
								</a>
								<a href="#" class="part-content">
									<img src="./img/p-2.jpg" alt="最新开盘">
									<p class="name">大城小爱</p>
									<p class="tips">丰都新房,现有新楼盘9个,房天下丰都新房网为...</p>
								</a>
								<a href="#" class="part-content">
									<img src="./img/p-1.jpg" alt="最新开盘">
									<p class="name">大城小爱</p>
									<p class="tips">丰都新房,现有新楼盘9个,房天下丰都新房网为...</p>
								</a>
								<a href="#" class="part-content">
									<img src="./img/p-2.jpg" alt="最新开盘">
									<p class="name">大城小爱</p>
									<p class="tips">丰都新房,现有新楼盘9个,房天下丰都新房网为...</p>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- 旅游景点 -->
			<div class="section">
				<div class="title-wrap">
					<p class="title">丰都旅游景点</p>
					<p class="sub-title">
						TOURIST ATTRACTIONS
					</p>
				</div>
				<div class="layui-tab layui-tab-brief" lay-filter="part2">

					<ul class="layui-tab-title">
						<li class="layui-this">必游景点</li>
						<li>热门景点</li>
						<li>游玩攻略</li>
					</ul>
					<a href="#" class="more">更多</a>
					<div class="layui-tab-content ">
						<div class="layui-tab-item  layui-show">
							<div class="image-content">
								<a href="#" class="image-item">
									<img src="./img/t-1.jpg" alt="必游景点">
									<div class="mask">
										<p>八美晒马吉尔节日</p>
									</div>
								</a>
								<a href="#" class="image-item">
									<img src="./img/t-2.jpg" alt="必游景点">
									<div class="mask">
										<p>丰都历史古城</p>
									</div>
								</a>
								<a href="#" class="image-item">
									<img src="./img/t-1.jpg" alt="必游景点">
									<div class="mask">
										<p>八美晒马吉尔节日</p>
									</div>
								</a>
								<a href="#" class="image-item">
									<img src="./img/t-2.jpg" alt="必游景点">
									<div class="mask">
										<p>丰都历史古城</p>
									</div>
								</a>

							</div>

						</div>
						<div class="layui-tab-item">
							<div class="image-content">
								<a href="#" class="image-item">
									<img src="./img/t-2.jpg" alt="热门景点">
									<div class="mask">
										<p>丰都历史古城</p>
									</div>
								</a>
								<a href="#" class="image-item">
									<img src="./img/t-1.jpg" alt="热门景点">
									<div class="mask">
										<p>八美晒马吉尔节日</p>
									</div>
								</a>
								<a href="#" class="image-item">
									<img src="./img/t-2.jpg" alt="热门景点">
									<div class="mask">
										<p>丰都历史古城</p>
									</div>
								</a>
								<a href="#" class="image-item">
									<img src="./img/t-1.jpg" alt="热门景点">
									<div class="mask">
										<p>八美晒马吉尔节日</p>
									</div>
								</a>
							</div>
						</div>
						<div class="layui-tab-item ">
							<div class="image-content">
								<a href="#" class="image-item">
									<img src="./img/t-1.jpg" alt="游玩攻略">
									<div class="mask">
										<p>八美晒马吉尔节日</p>
									</div>
								</a>
								<a href="#" class="image-item">
									<img src="./img/t-2.jpg" alt="游玩攻略">
									<div class="mask">
										<p>丰都历史古城</p>
									</div>
								</a>
								<a href="#" class="image-item">
									<img src="./img/t-1.jpg" alt="游玩攻略">
									<div class="mask">
										<p>八美晒马吉尔节日</p>
									</div>
								</a>
								<a href="#" class="image-item">
									<img src="./img/t-2.jpg" alt="游玩攻略">
									<div class="mask">
										<p>丰都历史古城</p>
									</div>
								</a>

							</div>

						</div>
					</div>
				</div>
			</div>
			<!-- banner -->
			<div class="banner">
				<a href="#">
					<img src="./img/banner-3.jpg" alt="">
				</a>
			</div>

			<!-- 酒店住宿 -->
			<div class="section">
				<div class="title-wrap">
					<p class="title">丰都酒店民宿</p>
					<p class="sub-title">
						HOTEL b & B
					</p>
				</div>
				<div class="layui-tab layui-tab-brief" lay-filter="part3">
					<ul class="layui-tab-title">
						<li class="layui-this">特价酒店</li>
						<li>精选酒店</li>
						<li>精选民宿</li>
					</ul>
					<a href="#" class="more">更多</a>
					<div class="layui-tab-content ">
						<div class="layui-tab-item  layui-show">
							<div class="list-content">
								<div class="list-item">
									<img src="./img/t-1.jpg" alt="必游景点">
									<div class="list-item-info">
										<p class="name">丰都芭提雅玩法曼酒店</p>
										<p class="sub-name">丰都熟大黄欧威野与低坝镇凤凰村近江...</p>
										<p class="flag">
											<span>养生度假</span>
											<span>养生度假</span>
										</p>
										<div class="ask-bar">
											<p class="price">
												9200
												<span>/m²</span>
											</p>
											<a class="ask-btn" href="#">立即咨询</a>
										</div>
									</div>
								</div>
								<div class="list-item">
									<img src="./img/t-1.jpg" alt="必游景点">
									<div class="list-item-info">
										<p class="name">丰都芭提雅玩法曼酒店</p>
										<p class="sub-name">丰都熟大黄欧威野与低坝镇凤凰村近江...</p>
										<p class="flag">
											<span>养生度假</span>
											<span>养生度假</span>
										</p>
										<div class="ask-bar">
											<p class="price">
												9200
												<span>/m²</span>
											</p>
											<a class="ask-btn" href="#">立即咨询</a>
										</div>
									</div>
								</div>
								<div class="list-item">
									<img src="./img/t-1.jpg" alt="必游景点">
									<div class="list-item-info">
										<p class="name">丰都芭提雅玩法曼酒店</p>
										<p class="sub-name">丰都熟大黄欧威野与低坝镇凤凰村近江...</p>
										<p class="flag">
											<span>养生度假</span>
											<span>养生度假</span>
										</p>
										<div class="ask-bar">
											<p class="price">
												9200
												<span>/m²</span>
											</p>
											<a class="ask-btn" href="#">立即咨询</a>
										</div>
									</div>
								</div>
							</div>

						</div>
						<div class="layui-tab-item">
							<div class="list-content">
								<div class="list-item">
									<img src="./img/t-1.jpg" alt="必游景点">
									<div class="list-item-info">
										<p class="name">丰都芭提雅玩法曼酒店</p>
										<p class="sub-name">丰都熟大黄欧威野与低坝镇凤凰村近江...</p>
										<p class="flag">
											<span>养生度假</span>
											<span>养生度假</span>
										</p>
										<div class="ask-bar">
											<p class="price">
												9200
												<span>/m²</span>
											</p>
											<a class="ask-btn" href="#">立即咨询</a>
										</div>
									</div>
								</div>
								<div class="list-item">
									<img src="./img/t-1.jpg" alt="必游景点">
									<div class="list-item-info">
										<p class="name">丰都芭提雅玩法曼酒店</p>
										<p class="sub-name">丰都熟大黄欧威野与低坝镇凤凰村近江...</p>
										<p class="flag">
											<span>养生度假</span>
											<span>养生度假</span>
										</p>
										<div class="ask-bar">
											<p class="price">
												9200
												<span>/m²</span>
											</p>
											<a class="ask-btn" href="#">立即咨询</a>
										</div>
									</div>
								</div>
								<div class="list-item">
									<img src="./img/t-1.jpg" alt="必游景点">
									<div class="list-item-info">
										<p class="name">丰都芭提雅玩法曼酒店</p>
										<p class="sub-name">丰都熟大黄欧威野与低坝镇凤凰村近江...</p>
										<p class="flag">
											<span>养生度假</span>
											<span>养生度假</span>
										</p>
										<div class="ask-bar">
											<p class="price">
												9200
												<span>/m²</span>
											</p>
											<a class="ask-btn" href="#">立即咨询</a>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="layui-tab-item ">
							<div class="list-content">
								<div class="list-item">
									<img src="./img/t-1.jpg" alt="必游景点">
									<div class="list-item-info">
										<p class="name">丰都芭提雅玩法曼酒店</p>
										<p class="sub-name">丰都熟大黄欧威野与低坝镇凤凰村近江...</p>
										<p class="flag">
											<span>养生度假</span>
											<span>养生度假</span>
										</p>
										<div class="ask-bar">
											<p class="price">
												9200
												<span>/m²</span>
											</p>
											<a class="ask-btn" href="#">立即咨询</a>
										</div>
									</div>
								</div>
								<div class="list-item">
									<img src="./img/t-1.jpg" alt="必游景点">
									<div class="list-item-info">
										<p class="name">丰都芭提雅玩法曼酒店</p>
										<p class="sub-name">丰都熟大黄欧威野与低坝镇凤凰村近江...</p>
										<p class="flag">
											<span>养生度假</span>
											<span>养生度假</span>
										</p>
										<div class="ask-bar">
											<p class="price">
												9200
												<span>/m²</span>
											</p>
											<a class="ask-btn" href="#">立即咨询</a>
										</div>
									</div>
								</div>
								<div class="list-item">
									<img src="./img/t-1.jpg" alt="必游景点">
									<div class="list-item-info">
										<p class="name">丰都芭提雅玩法曼酒店</p>
										<p class="sub-name">丰都熟大黄欧威野与低坝镇凤凰村近江...</p>
										<p class="flag">
											<span>养生度假</span>
											<span>养生度假</span>
										</p>
										<div class="ask-bar">
											<p class="price">
												9200
												<span>/m²</span>
											</p>
											<a class="ask-btn" href="#">立即咨询</a>
										</div>
									</div>
								</div>
							</div>

						</div>
					</div>
				</div>
			</div>

			<!-- 土特产 -->
			<div class="section">
				<div class="title-wrap">
					<p class="title">丰都土特产</p>
					<p class="sub-title">
						LOCAL PRODUCTS
					</p>
				</div>
				<div class="local-content">
					<a href="#" class="left">
						<img src="./img/l-1.jpg" alt="特产">
						<div class="mask">
							<div class="explain">
								<p class="title">土特产</p>
								<p class="tips">麦秆剪贴是传统民间工艺品。又称“麦秸剪贴”、“麦秆剪贴”。利用麦秸自然光泽和抢...</p>
							</div>
						</div>
					</a>
					<div class="right">
						<a href="#" class="up">
							<img src="./img/l-2.jpg" alt="">
							<div class="mask">
								<div class="explain">
									<p class="title">名小吃</p>
									<p class="tips">鬼城麻辣鸡块是重庆市知名的传统小吃,重庆地方美食...</p>
								</div>
							</div>
						</a>
						<a href="#" class="down">
							<img src="./img/l-3.jpg" alt="">
							<div class="mask">
								<div class="explain">
									<p class="title">美食坊</p>
									<p class="tips">在线商城，从而减少中间环节，消除运输成本和代理中...</p>
								</div>
							</div>
						</a>
					</div>
				</div>

			</div>

			<!-- banner -->
			<div class="banner">
				<a href="#">
					<img src="./img/banner-4.jpg" alt="">
				</a>
			</div>

			<!-- 旅游资讯 -->
			<div class="section">
				<div class="title-wrap">
					<p class="title">丰都旅游资讯</p>
					<p class="sub-title">
						TRAVEL INFORMATION
					</p>
				</div>
				<div class="layui-tab layui-tab-brief" lay-filter="part4">
					<ul class="layui-tab-title">
						<li class="layui-this">最新快讯</li>
						<li>旅游资讯</li>
						<li>房产资讯</li>
					</ul>
					<a href="#" class="more">更多</a>
					<div class="layui-tab-content ">
						<div class="layui-tab-item  layui-show">
							<div class="list-content">
								<a href="#" class="list-item">
									<img src="./img/t-1.jpg" alt="必游景点">
									<div class="news-item-info">
										<p class="name">2020重庆入学新政fdsfds对楼市有影响？</p>
										<p class="sub-name">中国网房产提供楼盘相关新闻、资讯、报告、专题等内容，更多楼盘相关......</p>
										<div class="ask-bar">
											<p class="times">
												2020-06-12
											</p>
											<p class="ask-btn">楼盘资讯</p>
										</div>
									</div>
								</a>
								<a href="#" class="list-item">
									<img src="./img/t-1.jpg" alt="必游景点">
									<div class="news-item-info">
										<p class="name">2020重庆入学新政fdsfds对楼市有影响？</p>
										<p class="sub-name">中国网房产提供楼盘相关新闻、资讯、报告、专题等内容，更多楼盘相关......</p>
										<div class="ask-bar">
											<p class="times">
												2020-06-12
											</p>
											<p class="ask-btn">楼盘资讯</p>
										</div>
									</div>
								</a>
								<a href="#" class="list-item">
									<img src="./img/t-1.jpg" alt="必游景点">
									<div class="news-item-info">
										<p class="name">2020重庆入学新政fdsfds对楼市有影响？</p>
										<p class="sub-name">中国网房产提供楼盘相关新闻、资讯、报告、专题等内容，更多楼盘相关......</p>
										<div class="ask-bar">
											<p class="times">
												2020-06-12
											</p>
											<p class="ask-btn">楼盘资讯</p>
										</div>
									</div>
								</a>

							</div>

						</div>
						<div class="layui-tab-item">
							<div class="list-content">
								<a href="#" class="list-item">
									<img src="./img/t-2.jpg" alt="必游景点">
									<div class="news-item-info">
										<p class="name">2020重庆入学新政对楼市有影响？</p>
										<p class="sub-name">中国网房产提供楼盘相关新闻、资讯、报告、专题等内容，更多楼盘相关......</p>
										<div class="ask-bar">
											<p class="times">
												2020-06-12
											</p>
											<p class="ask-btn">楼盘资讯</p>
										</div>
									</div>
								</a>
								<a href="#" class="list-item">
									<img src="./img/t-1.jpg" alt="必游景点">
									<div class="news-item-info">
										<p class="name">2020重庆入学新政对楼市有影响？</p>
										<p class="sub-name">中国网房产提供楼盘相关新闻、资讯、报告、专题等内容，更多楼盘相关......</p>
										<div class="ask-bar">
											<p class="times">
												2020-06-12
											</p>
											<p class="ask-btn">楼盘资讯</p>
										</div>
									</div>
								</a>
								<a href="#" class="list-item">
									<img src="./img/t-1.jpg" alt="必游景点">
									<div class="news-item-info">
										<p class="name">2020重庆入学新政fdsfds对楼市有影响？</p>
										<p class="sub-name">中国网房产提供楼盘相关新闻、资讯、报告、专题等内容，更多楼盘相关......</p>
										<div class="ask-bar">
											<p class="times">
												2020-06-12
											</p>
											<p class="ask-btn">楼盘资讯</p>
										</div>
									</div>
								</a>

							</div>

						</div>
						<div class="layui-tab-item ">
							<div class="list-content">
								<a href="#" class="list-item">
									<img src="./img/t-1.jpg" alt="必游景点">
									<div class="news-item-info">
										<p class="name">2020重庆入学新政对楼市有影响？</p>
										<p class="sub-name">中国网房产提供楼盘相关新闻、资讯、报告、专题等内容，更多楼盘相关......</p>
										<div class="ask-bar">
											<p class="times">
												2020-06-12
											</p>
											<p class="ask-btn">楼盘资讯</p>
										</div>
									</div>
								</a>
								<a href="#" class="list-item">
									<img src="./img/t-1.jpg" alt="必游景点">
									<div class="news-item-info">
										<p class="name">2020重庆入学新政对楼市有影响？</p>
										<p class="sub-name">中国网房产提供楼盘相关新闻、资讯、报告、专题等内容，更多楼盘相关......</p>
										<div class="ask-bar">
											<p class="times">
												2020-06-12
											</p>
											<p class="ask-btn">楼盘资讯</p>
										</div>
									</div>
								</a>
								<a href="#" class="list-item">
									<img src="./img/t-1.jpg" alt="必游景点">
									<div class="news-item-info">
										<p class="name">2020重庆入学新政对楼市有影响？</p>
										<p class="sub-name">中国网房产提供楼盘相关新闻、资讯、报告、专题等内容，更多楼盘相关......</p>
										<div class="ask-bar">
											<p class="times">
												2020-06-12
											</p>
											<p class="ask-btn">楼盘资讯</p>
										</div>
									</div>
								</a>

							</div>


						</div>
					</div>
				</div>
			</div>

			<!-- 合作伙伴 -->
			<div class="section">
				<div class="title-wrap">
					<p class="title">合作伙伴</p>
					<p class="sub-title">
						COOPERATIVE PARTNER
					</p>
				</div>
				<div class="partner">
					<a href="#" class="partner-item">
						<img src="./img/h-1.jpg" alt="">
					</a>
					<a href="#" class="partner-item">
						<img src="./img/h-1.jpg" alt="">
					</a>
					<a href="#" class="partner-item">
						<img src="./img/h-1.jpg" alt="">
					</a>
					<a href="#" class="partner-item">
						<img src="./img/h-1.jpg" alt="">
					</a>
					<a href="#" class="partner-item">
						<img src="./img/h-1.jpg" alt="">
					</a>
				</div>

			</div>

			<!-- banner -->
			<div class="banner">
				<a href="#">
					<img src="./img/banner-5.png" alt="">
					<div class="mask">
						<div class="explain">
							<!-- <h3 class="banner-title">丰都避暑旅游网</h3> -->
							<p class="banner-subtitle" >
								丰都避暑旅游网</p>
							<p class="banner-tips" >
								追求生活品质，缔造完美人生，超值折扣限期奉送</p>
						</div>
					</div>
				</a>

			</div>

			<!-- 版权 -->
			<div class="section">
				<div class="page-foot">
					<p>版权所有：Copyright © 2015-2019丰都宣传网</p>
					<p>渝ICP备15050430号 ICP证渝B2-20180118</p>
				</div>
				
			</div>
		</div>




	</body>
	<script>
		layui.config({
			base: './js/',
		}).extend({
			slick:'lib/slick.min',
		}).use(['index','slick','jquery'],function(){
			var slick = layui.slick;
			var $ = layui.jquery;
			
			$(".notice-content").slick({
				slidesToShow: 1,
			  slidesToScroll: 1,
			  verticalSwiping:true,
			  vertical:true,
			  arrows: false,
			  fade: false,
			  autoplay:true,
			})
		})
	</script>

</html>
